<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="/css/public.css">
    <style>
        .rd1{
            width: 100%;
            height: 670px;
            padding-top: 68px;
        }
        .rd1>div{
            width: 100%;
            height: 670px;
            background-image: url("/image/logBg.png");
            background-repeat: no-repeat;
            background-size: cover;
        }
        .rd1>div>div{
            width: 100%;
            height: 346px;
            padding-top: 130px;
            margin: 0 auto;
        }
        .rd1 .rd11{
            width: 320px;
            height: 408px;
            padding: 30px 40px;
            margin: 0 auto;
            background-color: white;
            border-radius: 4px;
        }
        .rd11>p{
            width: 320px;
            height: 24px;
            margin-bottom: 24px;
            color: rgb(51,51,51);
            font-size: 18px;
        }
        .rd11 .zh{
            width: 320px;
            height: 42px;
            margin-bottom: 20px;
            position: relative;
        }
        .rd11 .zh input{
            outline: none;
            width: 318px;
            height: 38px;
            border: 1px solid rgb(213,213,213);
            border-radius: 5px;
            padding: 1px 0;
            text-indent: 1em;
        }
        .rd11 .zh div{
            width:125.672px;
            height: 40px;
            padding: 0 4px;
            position: absolute;
            top: 1px;
            bottom: 1px;
            left: 16px;
            font-size: 16px;
            color: rgb(170, 170, 170);
            line-height: 40px;
        }
        .rd11 .mm{
            width: 320px;
            height: 42px;
            margin-bottom: 20px;
            position: relative;
        }
        .rd11 .mm input{
            outline: none;
            width: 318px;
            height: 38px;
            border: 1px solid rgb(213,213,213);
            border-radius: 5px;
            padding: 1px 0;
            text-indent: 1em;
        }
        .rd11 .mm div{
            width:125.672px;
            height: 40px;
            padding: 0 4px;
            position: absolute;
            top: 1px;
            bottom: 1px;
            left: 16px;
            font-size: 16px;
            color: rgb(170, 170, 170);
            line-height: 40px;
        }
        .rd11 .zw{
            width: 320px;
            height: 16px;
            margin-bottom: 10px;
        }
        .rd11 .zw span{
            text-decoration: none;
            color: rgb(85,85,85);
            font-size: 12px;
            line-height: 16px;
            float: left;
        }
        .rd11 .zw>span{
            color:rgb(170, 170, 170);
        }
        .rd11 form>input{
            font-size: 18px;
            color: white;
            background-color: #c78a49;
            display: block;
            width: 320px;
            height: 48px;
            padding: 0 60px;
            border: 1px solid rgba(0,0,0,0);
            border-radius: 4px;
        }
        .rdf{
            width: 320px;
            height: 70px;
            margin-top: 30px;
        }
        .rdf1{
            width: 320px;
            height: 0;
            border-top: 1px solid rgb(221, 221, 221);
            position: relative;
        }
        .rdf1>span{
            width: 72px;
            height: 16px;
            font-size: 12px;
            color: rgb(102,102,102);
            background-color: white;
            padding: 0 6px;
            position: absolute;
            top: -8px;
            left: 37%;
        }
        .rdf>.rdf2{
            width: 280px;
            height: 45px;
            margin: 24px 20px 0;
        }
        .rdf .rdf2>a{
            width: 34px;
            height: 34px;
            text-decoration: none;
            margin: 0 0 0 5px;
            position: relative;
        }
        .rdf2>a>.wx{
            position: absolute;
            left: 0;
            top: -18.5px;
            display: block;
        }
        .rdf2>a>.wx:hover{
            opacity: 0;
            transition: 0.2s linear;
        }
        .rdf2>a>.qq{
            position: absolute;
            left: 0;
            top: -19.5px;
            display: block;
        }
        .rdf2>a>.qq:hover{
            opacity: 0;
            transition: 0.2s linear;
        }
        .rdf2>a>.wy{
            position: absolute;
            left: 0;
            top: -19.5px;
            display: block;
        }
        .rdf2>a>.wy:hover{
            opacity: 0;
            transition: 0.2s linear;
        }
        .rdf2>a>.db{
            position: absolute;
            left: 0;
            top: -18.5px;
            display: block;
        }
        .rdf2>a>.db:hover{
            opacity: 0;
            transition: 0.2s linear;
        }
        .rdf2>a>.wb{
            position: absolute;
            left: 0;
            top: -18.5px;
            display: block;
        }
        .rdf2>a>.wb:hover{
            opacity: 0;
            transition: 0.2s linear;
        }
        .rdf2>a>.rr{
            position: absolute;
            left: 0;
            top: -19.5px;
            display: block;
        }
        .rdf2>a>.rr:hover{
            opacity: 0;
            transition: 0.2s linear;
        }
    </style>
</head>
<body id="body">
<div class="navigation">
    <div class="wrap">
        <a href="#" class="logo"><img src="/image/logo.png" alt="" class="logoi"></a>
        <ul class="ul-bar-left">
            <li><a href="" class="word chakan" id="chak">查看所有类别</a></li>
            <li><a href="toPage?url=index" class="word">首页</a></li>
            <li><a href="toPage?url=allproducts" class="word">所有产品</a></li>
        </ul>
        <ul class="ul-bar-right">
            <li class="word a0">0</li>
            <li class="img2"><a href="toPage?url=shopcar"><img src="/image/0.png" alt=""></a></li>
            <li><a href="toPage?url=register" class="word zhuc">注册</a></li>
            <li class="word ash">|</li>
            <li><a href="toPage?url=login" class="word dengl">登录</a></li>
        </ul>
    </div>
    <div class="wrap2" id="lb">
        <ul>
            <li><a href="">不锈钢</a></li>
            <li><a href="">原料水泥</a></li>
            <li><a href="">塑料</a></li>
            <li><a href="">木制</a></li>
            <li><a href="">陶瓷</a></li>
        </ul>
        <div class="wA1">
            <a href="#" class="w2I">
                <img src="/image/img101.png" alt="">
            </a>
            <a href="#" class="w2P1">
                <p>简约原木餐盘</p>
            </a>
            <p class="w2P2">￥300.00</p>
        </div>
        <div class="wA2">
            <a href="#" class="w2I">
                <img src="/image/img102.png" alt="">
            </a>
            <a href="#" class="w2P1">
                <p>不锈钢时尚咖啡水壶</p>
            </a>
            <p class="w2P2">￥400.00</p>
        </div>
        <div class="wA3">
            <a href="#" class="w2I">
                <img src="/image/img103.png" alt="">
            </a>
            <a href="#" class="w2P1">
                <p>经典系列红色时钟</p>
            </a>
            <p class="w2P2">￥580.00</p>
        </div>
    </div>
</div>
<div class="rd1">
    <div>
        <div>
            <div class="rd11">
                <p>注册</p>
                <form action="" method="post">
                    <div class="zh">
                        <input type="text" id="zin" value="">
                        <div id="zh1">手机/邮箱/用户名</div>
                    </div>
                    <div class="mm">
                        <input type="password" id="min">
                        <div id="mm">设置密码</div>
                    </div>
                    <div class="mm">
                        <input type="password" id="remin">
                        <div id="rem">确认密码</div>
                    </div>
                    <div class="zw">
                        <span class="az">已有账号？请</span>
                        <a href="" class="aw"><span>直接登录</span></a>
                    </div>
                    <input type="submit" value="注册" id="zc">
                </form>
            </div>
        </div>
    </div>

</div>
<div class="d6">
    <div class="d61">
        <div class="d611">
            <a href=""><img src="/image/logo.png" alt=""></a>
            <p>青竹良品原创生活类电商品牌，秉承一贯的严谨态度，我们深入世界各地，从源头全程严格把控商品生产环节，力求帮消费者甄选到最优质的商品，全线采用天然原材料，控制甲醛低量无害，采用进口工艺，国际生产线不断优化，食材保证核心原产地新鲜直供，让你享受品质生活</p>
        </div>
        <div class="d612">
            <ul class="ul61">
                <li class="li61"><a href="">关于我们</a></li>
                <li class="li62"><a href="">我的品牌</a></li>
                <li class="li62"><a href="">公司动态</a></li>
                <li class="li62"><a href="">经历发展</a></li>
                <li class="li62"><a href="">商品推广</a></li>
            </ul>
            <ul class="ul62">
                <li class="li61"><a href="">支付方式</a></li>
                <li class="li62"><a href="">微信支付</a></li>
                <li class="li62"><a href="">支付宝</a></li>
                <li class="li62"><a href="">百度钱包</a></li>
                <li class="li62"><a href="">货到付款</a></li>
            </ul>
            <ul class="ul63">
                <li class="li61"><a href="">相关服务</a></li>
                <li class="li62"><a href="">退货政策</a></li>
                <li class="li62"><a href="">购物流程</a></li>
                <li class="li62"><a href="">客服服务</a></li>
                <li class="li62"><a href="">商务合作</a></li>
            </ul>
        </div>
        <div class="d613">
            <div class="weixin">
                <img src="/image/img72.png" alt="">
                <p>微博公众号</p>
            </div>
            <div class="weibo">
                <img src="/image/img71.png" alt="">
                <p>微信公众号</p>
            </div>
        </div>
    </div>
    <div class="d62">
        <div class="d621">
            <p class="p61">粤ICP备12043194号 © 2017youhaosuda.com</p>
            <p class="p62">
                <img src="/image/img81.png" alt="" title="微信支付">
                <img src="/image/img82.png" alt="" title="支付宝">
                <img src="/image/img83.png" alt="" title="百度钱包">
                <img src="/image/img84.png" alt="" title="财付通">
                <img src="/image/img85.png" alt="" title="快钱">
                <img src="/image/img86.png" alt="" title="货到付款">
                <img src="/image/img87.png" alt="" title="银行卡">
            </p>
            <div class="d622">
                <ul>
                    <li>
                        <p class="p621">
                            <img src="/image/img901.png" alt="" class="img61">
                            <img src="/image/img90.png" alt="" class="img62">
                        </p>
                        <p class="p622">安全联盟<br>实名验证</p>
                    </li>
                    <li>
                        <p class="p621">
                            <img src="/image/img891.png" alt="" class="img61">
                            <img src="/image/img89.png" alt="" class="img62">
                        </p>
                        <p class="p622">工商网监<br>电子标识</p>
                    </li>
                    <li>
                        <p class="p621">
                            <img src="/image/img881.png" alt="" class="img61">
                            <img src="/image/img88.png" alt="" class="img62">
                        </p>
                        <p class="p622">可信联盟<br>身份验证</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="d7">
    <p>
        <span class="s71"><a href="#"><img src="/image/img91.png" alt=""></a></span>
        <span class="s72">|</span>
        <span class="s73"><a href="#">由友好速搭提供技术与服务支持</a></span>
    </p>
</div>
<script src="/js/leibie.js"></script>
<script src="/js/register.js"></script>
</body>
</html>